<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>首页</title>
    <!-- 框架样式 -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/reset.min.css" rel="stylesheet">
    <!--    自定义样式要放在框架样式下面-->
    <link rel="stylesheet" href="css/index2.css">
    <link rel="stylesheet" href="css/add.css">
    <!--   这是自带的兼容最好不要动-->
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body>
    <div class="containe">
        <!--    头部开始-->
        <div class="head">
            <div class="head_center">
                <a href="">
                    <div class="logo">
                        <img src="./images/logo.png">
                    </div>
                </a>
                <div class="head_nav">
                    <ul class="navs">
                        <li>
                            <a href="" class="nav_a">
                                LOTE
                            </a>
                        </li>
                        <li>
                            <a href="" class="nav_a">
                                关于龙腾
                            </a>
                            <ul class="li_down">
                                <li>
                                    <a href="">公司简介</a>
                                </li>
                                <li>
                                    <a href="">公司简介</a>
                                </li>
                                <li>
                                    <a href="">公司简介</a>
                                </li>
                                <li>
                                    <a href="">公司简介</a>
                                </li>
                                <li>
                                    <a href="">公司简介</a>
                                </li>
                                <li>
                                    <a href="">公司简介</a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="" class="nav_a">
                                新闻资讯
                            </a>
                            <ul class="li_down">
                                <li>
                                    <a href="">公司简介</a>
                                </li>
                                <li>
                                    <a href="">公司简介</a>
                                </li>
                                <li>
                                    <a href="">公司简介</a>
                                </li>
                                <li>
                                    <a href="">公司简介</a>
                                </li>
                                <li>
                                    <a href="">公司简介</a>
                                </li>
                                <li>
                                    <a href="">公司简介</a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="" class="nav_a">
                                解决方案
                            </a>
                            <ul class="li_down">
                                <li>
                                    <a href="">公司简介</a>
                                </li>
                                <li>
                                    <a href="">公司简介</a>
                                </li>
                                <li>
                                    <a href="">公司简介</a>
                                </li>
                                <li>
                                    <a href="">公司简介</a>
                                </li>
                                <li>
                                    <a href="">公司简介</a>
                                </li>
                                <li>
                                    <a href="">公司简介</a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href=""  class="nav_a">
                                产品介绍
                            </a>
                            <ul class="li_down">
                                <li>
                                    <a href="">公司简介</a>
                                </li>
                                <li>
                                    <a href="">公司简介</a>
                                </li>
                                <li>
                                    <a href="">公司简介</a>
                                </li>
                                <li>
                                    <a href="">公司简介</a>
                                </li>
                                <li>
                                    <a href="">公司简介</a>
                                </li>
                                <li>
                                    <a href="">公司简介</a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="" class="nav_a">
                                行业案例
                            </a>
                            <ul class="li_down">
                                <li>
                                    <a href="">公司简介</a>
                                </li>
                                <li>
                                    <a href="">公司简介</a>
                                </li>
                                <li>
                                    <a href="">公司简介</a>
                                </li>
                                <li>
                                    <a href="">公司简介</a>
                                </li>
                                <li>
                                    <a href="">公司简介</a>
                                </li>
                                <li>
                                    <a href="">公司简介</a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="" class="nav_a nav_a is">
                                服务支持
                            </a>
                            <ul class="li_down">
                                <li>
                                    <a href="">公司简介</a>
                                </li>
                                <li>
                                    <a href="">公司简介</a>
                                </li>
                                <li>
                                    <a href="">公司简介</a>
                                </li>
                                <li>
                                    <a href="">公司简介</a>
                                </li>
                                <li>
                                    <a href="">公司简介</a>
                                </li>
                                <li>
                                    <a href="">公司简介</a>
                                </li>
                            </ul>
                        </li>
                        <div class="clear"></div>
                    </ul>
                </div>
                <div class="clear"></div>
            </div>
            <img src="./images/ban.png" alt="" class="pic">
        </div>
        <!--    头部结束-->
        <!--        中间部分开始-->
        <div class="content">
            <div class="aside">
               <div class="aside-bor"></div>
                    <ul class="aside-ul">
                        <li class="aside-bg"><a href="">公司简介</a><img src="./images/bg.png" alt=""></li>
                        <li><a href="">企业文化</a></li>
                        <li><a href="">企业荣誉</a></li>
                        <li><a href="">合作伙伴</a></li>
                        <li><a href="">竞争优势</a></li>
                        <li><a href="">加入龙腾</a></li>
                        <li><a href="">在线留言</a></li>
                        <li><a href="">联系我们</a></li>
                    </ul>
                
                <div class="main">
                    <ul class="main-ul">
                        <li><a href="">龙腾科技</a><i>&gt;</i></li>
                        <li><a href="">服务支持</a><i>&gt;</i></li>
                        <li><a href="">客户留言</a></li>
                    </ul>
                    <form action="" method="post">
                        <div class="concactus-con">
                            <img src="./images/support-top.jpg" alt="" class="serve-img" style="height:250px;display:block;margin:12px 0px;">
                            <div class="concactus">
                                <p>亲爱的朋友，感谢您来摩尔软件的网站。如果您有什么意见建议想对我们说，都可以通过下面的方式发送信息给我们。我们将非 常乐意跟您畅快的交流！</p>
                                <ul class="concactus-ul">
                                    <li>
                                        <label for="">姓名：</label>
                                        <input type="text" placeholder="请输入姓名">
                                    </li>
                                    <li>
                                        <label for="">电话：</label>
                                        <input type="text" placeholder="请输入电话">
                                    </li>
                                    <li>
                                        <label for="">QQ：</label>
                                        <input type="text" placeholder="请输入QQ">
                                    </li>
                                    <li>
                                        <label for="">邮箱：</label>
                                        <input type="text" placeholder="请输入邮箱">
                                    </li>
                                </ul>
                                <div class="concactus-div">
                                    <p>有什么是我们可以帮助您的？</p>
                                    <textarea name="" id="" cols="50" rows="5"></textarea>
                                    <p><input type="file" value="浏览"></p>
                                    <p><input type="submit" value="提交" class="add-submit"></p>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <!--        中间部分结束-->
        <!--        尾部开始-->
            <div class="footer-bor">
                <div class="footer">
                    <ul class="footer-ul">
                        <li>
                            <dl>
                                <dt>关于我们</dt>
                                <dd><a href="">公司简介</a></dd>
                                <dd><a href="">企业资质</a></dd>
                                <dd><a href="">公司文化</a></dd>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <dt>业务介绍</dt>
                                <dd><a href="">人事信息管理软件</a></dd>
                                <dd><a href="">劳动和社会保障信息系统软件</a></dd>
                                <dd><a href="">社会保险管理信息系统软件</a></dd>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <dt>联系我们</dt>
                                <dd><a href="">北京市朝阳区朝阳路19号</a></dd>
                                <dd><a href="">企业资质</a></dd>
                                <dd><a href="">公司文化</a></dd>
                            </dl>
                        </li>
                    </ul>
                    <div class="footer-img">
                        <img src="./images/logofooter.png" alt="">
                        <p>北京龙腾科技有限公司</p>
                    </div>
                </div>
                <div class="footer-bot">
                    <p>版权所有 ©2014  北京龙腾科技有限公司　　浙ICP备13015210号  版权所有：北京龙腾科技</p>
                </div>
            </div>
        <!--        尾部结束-->
        <div class="xuanfu">
          <h2>在线客服</h2>
           <div class="pop">
                <p class="phone">电话</p>
                <p>400-4565-4510</p>
                <p class="qq">客服QQ</p>
                <p><a href=""><img src="./images/qq.png" alt=""></a></p>
                <p class="kef"><a href=""><img src="./images/qq.png" alt=""></a></p>
                <p class="wechat"><img src="./images/wechat.png" alt=""></p>
                <p>扫一扫</p>
                <p>关注微信公众号</p>
            </div>
        </div>
    </div>
</body>
<script src="js/jquery.min.js"></script>
<script src="js/jquery-1.8.2.min.js"></script>
<!--    bootst是基于jquery开发的 框架所以要先引入jquery-->
<script src="js/bootstrap.min.js"></script>
</html>